<template>
	<view class="goods-box flex-col" @click="gotoRouter('/pages-client/store/goodsInfo?id=' + data.id)">
		<image class="goods-pic" :src="data.thumbUrl"></image>
		<view class="goods-name nowrap">{{ data.name }}</view>
		<view class="goods-art flex-row" v-if="data.user">
			<view class="goods-art-name">{{ data.user.nickname }}</view>
			<view class="goods-art-adddr">{{ data.user.province }}</view>
		</view>
		<view class="goods-art-job nowrap" v-if="data.user">{{ data.user.title }}</view>
		<view class="goods-spec">{{ data.spec }}</view>
		<view class="goods-price">￥{{ data.salePrice }}</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		data: {
			type: Object,
			default: {}
		}
	},

	watch: {},
	computed: {},
	created() {},

	methods: {}
};
</script>

<style lang="less">
.goods-box {
	width: 338rpx;
	border-radius: 12rpx;
	background-color: rgba(255, 255, 255, 1);
	padding: 16rpx 16rpx 24rpx;
	margin-bottom: 12rpx;
	box-sizing: border-box;
	.goods-pic {
		width: 306rpx;
		height: 306rpx;
		margin-bottom: 16rpx;
		border-radius: 8rpx;
	}
	.goods-name {
		font-size: 28rpx;
		font-family: PingFang-SC-Bold, PingFang-SC;
		font-weight: bold;
		color: #333333;
	}
	.goods-art {
		margin-top: 3rpx;
		margin-bottom: 7rpx;
		align-items: center;
		.goods-art-name {
			font-size: 28rpx;
			font-family: PingFang-SC-Bold, PingFang-SC;
			font-weight: bold;
			color: #674400;
			margin-right: 20rpx;
		}
		.goods-art-adddr {
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #888888;
		}
	}
	.goods-art-job {
		width: 100%;
		margin-bottom: 16rpx;
		font-size: 22rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #888888;
	}
	.goods-spec {
		font-size: 24rpx;
		font-family: PingFang-SC-Regular, PingFang-SC;
		font-weight: 400;
		color: #666666;
		margin-bottom: 16rpx;
	}
	.goods-price {
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #891e07;
	}
}
</style>
